<!DOCTYPE html>
<html
  xmlns="http://www.w3.org/1999/xhtml"
  xmlns:th="http://www.thymeleaf.org"
>
<body>
<div th:fragment="header">
  <div class="header" id="header" :class="{'header-collapse': !bus.collapse }">
    <!-- 折叠按钮 -->
    <div class="collapse-btn" @click="collapseChange">
      <i v-if="!bus.collapse" class="el-icon-s-fold"></i>
      <i v-else class="el-icon-s-unfold"></i>
    </div>

    <div class="logo"></div>
    <div class="header-right">
      <div class="header-user-con">
        <!-- 用户头像 -->
        <div class="user-avator">
          <img src="/static/img/icon/user.png"/>
        </div>
        <span class="user-name">
                            欢迎光临，尊敬的{{currentUser.loginName}}[<a
          href="#"
          style="text-decoration:none;color:#d98f46;"
          @click="editSysUser"
        >账号设置</a>]
                        </span>
        <el-button class="btn-ghost" icon="el-icon-refresh" size="mini" onclick="location.reload()">刷 新</el-button>
        <el-button class="btn-ghost" icon="el-icon-circle-close" size="mini" @click="logout">注 销</el-button>
      </div>
    </div>
  </div>
</div>
</body>